// 设置高度为100%主要是给滚动部分设置高度用的
pages{
    height: 100%;
}
.cates{
    height: 100%;
    .cates_container{
        // 设置高度为父类高度的100% - 搜索框的高度
        height: ~'calc(100vh - 90rpx)';
        display: flex;
        .left_menu{
            flex: 2;
            height: 100%;
            .active{
                color: var(--themeColor);
                border-left: 5rpx solid currentColor;
            }
        .menu_item{
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 20rpx;
            font-size: 30rpx;
        }
        }
        .right_menu{
            flex: 7;
            height: 100%;
            
                .goods_title{
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    margin: 20rpx 0;
                    .delimiter{
                        color: #eeeeee;
                    }
                 }
                 .goods_list{
                    display: flex;
                    flex-wrap: wrap;
                    justify-content: start;
                    align-items: center;
                     navigator{
                         display: flex;
                         justify-content: center;
                         align-items: center;
                         flex-direction: column;
                         width: 33.33%;

                         
                        /*  float: left;
                        text-align: center; */
                         image{
                             width: 50%;
                         }
                         .goods_name{
                            //  text-align: center;
                            font-size: 26rpx;
                         }
                     }
                 }
            
           
           
        }
    }
}
